<template>
    <div>
        <h5>这里是count组件</h5>
        <p>count={{num}}</p>
        <button @click="add">+1</button>
    </div>
</template>

<script>
    export default {
        name: "Count",
        //props可以是数组（最简单），也可以是对象（可以设置一些复杂的配置）
        props:{
            'init':{
                //设置默认值
                default:0,
                //设置传值类型
                type:Number,
                //必填校验
                required:true
            }
        },
        data(){
            return {
                num:this.init
            }
        },
        methods:{
            add(){
                this.num+=1;
            }
        }
    }
</script>

<style scoped>

</style>